<!DOCTYPE html>
<html>
    <head>
        <title>agent_client</title>
        <style>
            ul{
                list-style: none;
            }
            button{
                cursor: pointer;
            }
        </style>
    </head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <body>
        <header>
            <h3>欢迎使用ZEALCOMM iVCS智能视频客服系统-坐席端测试demo</h3>
        </header>
        <section>
            <button id="mic">麦克风检测</button>
            <button id="camera">摄像头检测</button>
            <div>
                <span>backendUrl:</span><input id='backend_url_id' placeholder="place input backendUrl" style="width: 300px" value="https://ivcs-test-k8s-azure.zealcomm.cn"/><br>
                <span>name:</span><input id='name' placeholder="place input username" style="width: 300px" value="002"/><br>
                <span>password:</span><input id='pwd' placeholder="place input password" style="width: 300px" value="111111"/><br>
                <span>org:</span><input id='org' placeholder="place input org" style="width: 300px" value="1"/><br>
                      <span>请选择坐席需要签入的分组</span>
                      <select id="groupSelect"> 
                      </select> 
                <br>
                <span>转接/三方的坐席id:</span><input id='agentId' placeholder="place input agentId" value=""/>

                <div style="color: red">currentState<span id="agent-status">未初始化</span></div>
            </div>
            <div>
                <span>请输入强插的会话id</span>
                <span>sessionId:</span><input id='sessionId' placeholder="place input join sessionId" style="width: 300px" value=""/>
                <br>
            </div>
            <button id="init">初始化</button>

            <button id="ivcs_agent_login" disabled>登入</button>

            <button id="ivcs_agent_logout" disabled>登出</button>

            <button id="checkin" disabled>签入</button>

            <button id="checkout" disabled>签出</button>

            <button id="agent_ready" disabled>就绪</button>

            <button id="agent_unready" disabled>未就绪</button>

            <button id="otherwork" disabled>小休</button>
           
            <button id="joinsession" disabled>强插</button>

            <br>

            <button id="agent_answer" disabled>接听</button>

            <button id="agent_reject" disabled>拒接</button>

            <button id="agent_hanup" disabled>挂断</button>

            <button id="screenshare" disabled>屏幕共享</button>

            <button id="stopscreenshare" disabled>停止屏幕共享</button>

            <button id="transfer" disabled>转接</button>

            <button id="three" disabled>三方</button>

            <button id="mute" disabled>静音</button>

            <button id="unmute" disabled>恢复声音</button>

            <button id="photoguide" disabled>推送引导框</button>

            <button id="sendform" disabled>发送表单</button>

            <button id="handsign" disabled>邀请手写签名</button>

            <button id="snapshot" disabled>请求截图</button>
           <br>
           <br>
           <button id="audio-video" disabled>语音升级成视频通话</button>
           <br>
           <button id="getstats">获取推流监控数据</button>
           <button id="stopgetstats">停止推流监控数据</button>
           <br>
           <span style="font-size: 14px;color: #666666;">踢出某一个坐席，请输入坐席的clientId（根据joinSession/answer后返回的session的members数组数据）</span>
           <br>
           <span>clientId:</span><input id='client_id' placeholder="place input client_id" style="width: 300px" value=""/><br>
            <button id="dropClient" disabled>踢人</button>
            <br>

            <input id="input"  type="file" ></input>

            <button id="shareresource" disabled>发送文件</button>
            <button id="request_location">获取地理位置</button>
            <button id="scan_code" >扫码二维码</button>
            <button id="sendCancelInstructionMessage" >取消指令</button>
            <div id="sessionId"></div>
            <div>
                <select id="appoint_state">
                    <option value ="otherWork">otherWork</option>
                    <option value ="afterWork">afterWork</option>
                    <option value="notReady">notReady</option>
                </select>
                <button id="appoint_btn" disabled>预约</button>
                <br>
            </div>
            <div>
                 <br>
                <input id="msg_id" placeholder="place input message"/>
                <button id="sed_btn" disabled>发送文本消息</button>
            </div>
            <div>
               <ul id="message_list"></ul>
            </div>
            <div id="streams">
                <!--<video autoplay muted width="320" height="240" id="agent"></video>-->
                <!--<video autoplay muted width="320" height="240" id="customer"></video>-->
                <!--<video autoplay muted  width="320" height="240" id="screen"></video>-->
            </div>
        </section>
        <script src="./js/irtc.js"></script>
        <script src="./js/adapter.js"></script>
        <script src="./js/jquery-3.2.1.min.js"></script>
        <!-- socket.io.js 版本兼容有点问题 -->
        <script src='./js/socket.io.dev.js'></script>
        <script src="./js/ivcs.js"></script>
        <script src='./js/agent_demo.js'></script>
    </body>
</html>
